﻿<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2016/8/22
  Time: 11:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String openId = request.getSession().getAttribute("openId") + "";
%>
<!DOCTYPE html>
<html>
<head>
    <%--<meta http-equiv="Access-Control-Allow-Origin" content="open.weixin.qq.com">--%>
    <title>新途New way</title>
        <script src="${cdnContentPath}/static/jquery/jquery-3.1.0.min.js"></script>

 <%--   <style>
        a:hover, a:visited, a:active, a:link {
            text-decoration: none;
            color: black;
        }

        #coupon, #shop {
            margin-left: 10%;
        }

        #select label {
            font-family: -apple-system, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            line-height: 1.4;
            font-weight: 100;
        }

        table {
            width: 100%;
        }

        table tr {
            width: 30%;
        }

        table tr td {
            text-align: center;
            height: 40px;
        }

        .row {
            background-color: #FFFFFF;
            margin-bottom: 10px;
        }

        .row .indexToolbar {
            text-align: center;
            line-height: 40px;
            height: 40px;
            margin: 10px 0;
            font-size: 14px;
            color: #4B4C4C;
        }

        .item-title {
            color: black;
            font-size: 18px;
            font-weight: normal;
            text-align: left;
            width: 50%;
        }

        .item-input {
            width: 50%;
        }

        .item-input input {
            text-align: right;
        }

        .list-block .beizhu::after {
            height: 0px;
        }
    </style>--%>
</head>
<body>
<!-- Status bar overlay for full screen mode (PhoneGap) -->
<%--<div class="statusbar-overlay"></div>
<!-- Panels overlay-->
<div class="panel-overlay"></div>
<!-- Views -->
<div class="views">
    <!-- Your main view, should have "view-main" class -->
    <div class="view view-main">
        <!-- Top Navbar-->
        <div class="navbar">
            <div class="navbar-inner">
                <!-- We need cool sliding animation on title element, so we have additional "sliding" class -->
                <div class="left">
                    <a class="link" onClick="targetPage()" id="back"><i class="icon icon-back"></i><span>返回</span></a>
                </div>
                <div class="center sliding">门票券票
                </div>
            </div>
        </div>
        <!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes-->
        <div class="pages navbar-through toolbar-through">
            <!-- Page, "data-page" contains page name -->
            <div data-page="confirm-pay" class="page">
                <!-- Scrollable page content -->
                <div class="page-content">
                    <div style="height:1%"></div>
                    <div style="height:40px;padding-left:5%;line-height: 40px;font-size: 14px;color:#676767;background-color: white;border-bottom: 1px solid #E5E5E5">
                        <div style="width:4px;height:15px;background-color: #509AF1;float:left;margin-top:13px; margin-right: 5px"></div>
                        订单号：${param.orderNumber} </div>
                    <div class="list-block media-list inset "
                         style="margin:0px;margin-bottom: 5px;width:100%;height:110px;">
                        <ul>
                            <li><a class="item-link item-content">
                                <div class="item-media">
                                    <img src="${param.sellerLogo}" width="80">
                                </div>
                                <div class="item-inner">
                                    <div style="height:60px;width:100%;">${param.title}</div>
                                    <div style="float: right;width:50px;height:30px"><img
                                            src="../../../static/image/search/price-title.png" width="37"/></div>
                                    <div style="height:10px;width:100%;color:red">￥${param.price}元/人</div>
                                </div>
                            </a></li>
                        </ul>
                    </div>
                    <div style="height:10%"></div>
                    <div style="text-align: center"><img src="../../../static/image/pay/time.png" width="15"/>请在15分钟之内支付</div>
                    <div style="height:20px"></div>
                    <div><a class="button" id="toolbar-button" onclick="handler()"
                            style="width:80%;margin-left: 10%;background-color:#509AF1;color:white;height:40px;line-height:40px;
                   border-radius:2px;">确认支付</a></div>
                </div>
            </div>
        </div>
    </div>
</div>--%>

<%@include file="../../../include/footer.jsp" %>
<%--<script type="text/javascript" src="my-app.js"></script>--%>

<%--<script>
    var myApp = new Framework7();

    var $$ = Framework7.$;

    var mainView = myApp.addView('.view-main');

</script>--%>
<script>
    (function($){
        var down = false;
        var prevX = 0;
        var prevY = 0;
        var x = 0;
        var y = 0;
        var px = 0;
        var py = 0;
        var lastPX = -1;
        var lastPY = -1;
        var $target = null;
        var $me = null;
        var $selector = "";
        var settings = {
            mouseButton: 3,
            context: false,
            selectText: false
        };
        $.fn.dragScroll = function(options){
            settings = $.extend(settings, options);
            $selector = $(this).selector;
            $(this).contextmenu(function(){
                return false;
            }).bind("mousedown touchstart", function(e){
                $me = $(this);
                e = event.touches ? event.touches[0] : e;
                $target = $(e.target);
                $target = $target.closest($selector);
                if(settings.viewPort){
                    if(!settings.context){
                        $me.contextmenu(function(){
                            return false;
                        });
                    }
                }
                if(!settings.selectText){
                    $me.attr('unselectable', 'on').css('user-select', 'none').on('selectstart', false);
                }
                $me = $me.closest($selector);
                if($target && $me.attr("id") != $target.attr("id")){
                    return false;
                }
                if(e.which == settings.mouseButton || event.touches){
                    $me.css("cursor", "move");
                    down = true;
                }
                px = $me.scrollLeft();
                py = $me.scrollTop();
                x = px + e.pageX;
                y = py + e.pageY;
                prevX = x;
                prevY = y;
                return true;
            }).bind("mouseup touchend", function(e){
                $me = $(this);
                e = event.touches ? event.touches[0] : e;
                $me.css("cursor", "auto");
                down = false;
            }).bind("mousemove touchmove", function(e){
                $me = $(this);
                $me = $me.closest($selector);
                e = event.touches ? event.touches[0] : e;
                if((e.which == settings.mouseButton || event.touches) && down){
                    if(event.touches){
                        event.preventDefault();
                    }
                    if($target && $me.attr("id") != $target.attr("id")){
                        return false;
                    }
                    $me.css("cursor", "move");
                    px = $me.scrollLeft();
                    py = $me.scrollTop();
                    x = px + e.pageX;
                    y = py + e.pageY;
                    $me.scrollLeft(px + (-(x - prevX)));
                    $me.scrollTop(py + (-(y - prevY)));
                    prevX = x - (x - prevX);
                    prevY = y - (y - prevY);
                    if(lastPX == px)
                        prevX = x;
                    if(lastPY == py)
                        prevY = y;
                    lastPX = px;
                    lastPY = py;
                }
                return true;
            });
            return this;
        }
    })(jQuery);
</script>
</body>
</html>
